<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-left">
							<button  type="button" class="btn  btn-primary" onclick="add()">
								<i class="fa fa-plus" aria-hidden="true"></i>添加
							</button>
						</div>

						<div class="columns pull-right">
							<button class="btn btn-success" style="margin-top:-1px" onclick="reLoad()">查询</button>
							<button class="btn btn-warning" onclick="clearLoad()">清空</button>
						</div>
						<div class="columns pull-right col-md-1 nopadding" style="width:125px">
							<input id="searchName" type="text" class="form-control"
								placeholder="请输入相机名称">
						</div>
						<div class="columns pull-right col-md-1 nopadding" style="width:108px">
							<input id="searchIp" type="text" class="form-control"
								   placeholder="请输入相机Ip">
						</div>
						<div class="columns pull-right nopadding" style="margin-right:0px;padding-right:15px">
							<button class="btn btn-success" style="margin-top:-1px" onclick="choose()">选择小区</button>
						</div>
						<div class="columns pull-right col-md-2 nopadding " style="width:100px">
							<input id="communityName" type="text" readonly class="form-control"
								   placeholder="请选择小区">
							 <input id="communityId" type="hidden" value=""/>
						</div>
						<div class="columns pull-right" style="margin-right:15px;width:100px">
							<select id="direction_slt" class="selectpicker show-tick form-control" >
								<option value="" >全部方向</option>
								<option value="1">入口</option>
								<option value="2">出口</option>
							</select>
						</div>
						<div class="columns pull-right" style="margin-right:15px;width:100px">
							<select id="brand_slt" class="selectpicker show-tick form-control" >
								<option value="" >全部品牌</option>
								<option value="1">华夏</option>
								<option value="2">中实</option>
							</select>
						</div>
						<div class="columns pull-right" style="margin-right:15px;width:100px">
							<select id="status_slt" class="selectpicker show-tick form-control" >
								<option value="" >全部状态</option>
								<option value="0">断开</option>
								<option value="1">在线</option>
								<option value="2">故障</option>
							</select>
						</div>
					</div>
					<table id="cameraTable" data-mobile-responsive="true">
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="car:carPriceRule:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="car:carPriceRule:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>
		<div shiro:hasPermission="car:carPriceRule:resetPwd">
			<script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/appjs/camera/list.js"></script>
</body>
</html>